<template>
  <view class="wrap">
    <view class="prescriptionList">
      <view class="item">
        <view class="title">2024-03-01 08:23:23</view>
        <!-- on  -->
        <view class="prescriptionWrap on">
          <text class="name">健康处方</text>
          <view class="content">
            当血压高达180/110mmHg～甚至220/120mmHg时机体进入高血压的紧急状况，易出现靶器官发生急剧损伤:比如脑灌注，会出现头晕、出汗、手抖、恶心、呕吐甚至晕厥等一系列全身器官受损表现。需要及时用药治疗，要快速、有效降低血压。请您立即到心血管内科门诊或者急诊科诊治。
            当血压下降至160/100mmHg以下时，建议您每天监测血压水平，血压目标值＜140/90mmHg，当血压平稳后每周测血压至少2天。若已用药不应随意减量或停药，可在医生指导下根据病情加予调整，防止血压反跳。
            高血压者易同时出现某种代谢异常（如高血糖、高血脂及高尿酸）或伴超重肥胖，脂肪肝等，所以平时要注意劳逸结合。
            生活方式指导：
            保持心理平衡、保持情绪稳定、睡眠充足；避免情绪激动及过度紧张、焦虑，遇事要冷静、沉着。
            饮食营养指导：
            膳食平衡，要控制能量的摄入，限制高胆固醇和饱和脂肪酸的摄入，要少油、少盐的清淡膳食。
            适量摄入蛋白质。多吃含钾、钙丰富而含钠低的食品，如土豆、茄子、海带、莴笋；
            控制钠盐摄入量，每日盐摄入量不应超过6克(普通啤酒瓶盖去胶垫后一平盖量)，多吃新鲜蔬菜，水果、戒烟限酒。
            运动指导： 控制体重，适量运动，最好是有氧运动，如散步、慢跑、太极拳、骑自行车和游泳等。
            就医指导：
            建议定期（6－12周）检查体重、血糖、血脂及血尿酸。如有不适，请到心血管内科门诊就诊咨询。
          </view>
          <view class="detail" v-if="false">
            <text class="name">展开详情</text>
            <img class="image" src="@/static/image/hmm/5.png" alt="" />
          </view>
        </view>
      </view>
      <view class="item">
        <view class="title">2024-03-01 08:23:23</view>
        <view class="prescriptionWrap">
          <text class="name">健康处方</text>
          <view class="content on">
            当血压高达180/110mmHg～甚至220/120mmHg时机体进入高血压的紧急状况，易出现靶器官发生急剧损伤:比如脑灌注，会出现头晕、出汗、手抖、恶心、呕吐甚至晕厥等一系列全身器官受损表现。需要及时用药治疗，要快速、有效降低血压。请您立即到心血管内科门诊或者急诊科诊治。
            当血压下降至160/100mmHg以下时，建议您每天监测血压水平，血压目标值＜140/90mmHg，当血压平稳后每周测血压至少2天。若已用药不应随意减量或停药，可在医生指导下根据病情加予调整，防止血压反跳。
            高血压者易同时出现某种代谢异常（如高血糖、高血脂及高尿酸）或伴超重肥胖，脂肪肝等，所以平时要注意劳逸结合。
            生活方式指导：
            保持心理平衡、保持情绪稳定、睡眠充足；避免情绪激动及过度紧张、焦虑，遇事要冷静、沉着。
            饮食营养指导：
            膳食平衡，要控制能量的摄入，限制高胆固醇和饱和脂肪酸的摄入，要少油、少盐的清淡膳食。
            适量摄入蛋白质。多吃含钾、钙丰富而含钠低的食品，如土豆、茄子、海带、莴笋；
            控制钠盐摄入量，每日盐摄入量不应超过6克(普通啤酒瓶盖去胶垫后一平盖量)，多吃新鲜蔬菜，水果、戒烟限酒。
            运动指导： 控制体重，适量运动，最好是有氧运动，如散步、慢跑、太极拳、骑自行车和游泳等。
            就医指导：
            建议定期（6－12周）检查体重、血糖、血脂及血尿酸。如有不适，请到心血管内科门诊就诊咨询。
          </view>
          <view class="detail">
            <text class="name">收起详情</text>
            <img class="image on" src="@/static/image/hmm/5.png" alt="" />
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { reactive } from 'vue'
import { miniLogin } from '@/api/index'
import { onLoad, onUnload, onShow } from '@dcloudio/uni-app'
const state = reactive({
  id: ''
})
onLoad((options) => {
  init()
})
onShow(() => {
  //   init();
})

onUnload(() => {
  //   clearInterval(state.timeQuestions);
  //   state.timeQuestions = null;
})
const init = () => {
  //   uni.showLoading({
  //     title: "加载中",
  //   });
  //   uni.hideLoading();
  // 通过code 获取用户信息
  //   $refs.popup.open("top");
  //   uni.showModal({
  //     title: "提示",
  //     content: "这是一个弹出框",
  //     success: function (res) {
  //       if (res.confirm) {
  //         console.log("用户点击确定");
  //       } else if (res.cancel) {
  //         console.log("用户点击取消");
  //       }
  //     },
  //   });
}
</script>

<style lang="scss" scoped>
.wrap {
  .prescriptionList {
    padding-bottom: 48rpx;
    .item {
      display: inline-block;
      width: calc(100% - 64rpx);
      margin: 48rpx 32rpx 0;
      &:nth-child(1) {
        margin: 32rpx 32rpx 0;
      }
      .title {
        font-size: 28rpx;
        color: #999;
        text-align: center;
      }
      .prescriptionWrap {
        // background: #fff
        background: pink;
        border-radius: 16rpx;
        padding: 24rpx 32rpx 0;
        margin-top: 24rpx;
        &.on {
          padding: 24rpx 32rpx;
          .content {
            margin: 24rpx 0 0;
          }
        }
        .name {
          font-size: 32rpx;
          color: #222;
          font-weight: 700;
        }
        .content {
          font-size: 28rpx;
          color: #666;
          margin: 24rpx 0;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          &.on {
            -webkit-line-clamp: inherit;
          }
        }
        .detail {
          text-align: center;
          border-top: 1rpx solid #e5e6eb;
          padding: 20rpx 0;
          .name {
            font-size: 28rpx;
            color: #00d1b6;
            font-weight: 400;
            display: inline-block;
            vertical-align: middle;
          }
          .image {
            width: 32rpx;
            height: 32rpx;
            display: inline-block;
            vertical-align: middle;
            transform: rotate(90deg);
            margin-left: 8rpx;
            &.on {
              transform: rotate(270deg);
            }
          }
        }
      }
    }
  }
}
</style>
